.login-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1003;
  overflow: hidden;
  //display: none;
  font-family: "VarelaRound-Regular", "PingFangSC-Light", "Microsoft YaHei";

  * {
    box-sizing: border-box;
  }

  .login-box {
    width: 590px;
    margin: 35% auto;
    overflow: hidden;
    background-color: white;
    border-radius: 24px;
    position: relative;
    padding: 0;

    .logo {
      width: 194px;
      height: 57px;
      margin: 0 auto 57px auto;
      background-image: url();
      background-size: 100% 100%;
    }

    form {
      margin: 90px auto 107px auto;

      input {
        margin: 21px auto 0 auto;
        display: block;
        width: 544px;
        height: 87px;
        line-height: normal;
        font-size: 28px;
        font-family: VarelaRound-Regular;
        text-indent: 27px;
        color: rgba(51, 51, 51, 1);
        background: rgba(255, 255, 255, 1);
        border: none;
        border-bottom: 1px solid rgba(221, 221, 221, 0.5);
        outline: none;
        appearance: none;

        &::placeholder {
          font-weight: 300;
          font-family: PingFangSC-Light;
          color: rgba(193, 193, 193, 1);
        }
      }

      .send-btn {
        width: 180px;
        height: 66px;
        line-height: 63px;
        text-align: center;
        border-radius: 33px;
        border: 2px solid rgba(41, 206, 255, 1);
        font-size: 26px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(41, 206, 255, 1);
        position: absolute;
        top: 311px;
        right: 63px;
      }

      .submit-btn {
        margin: 93px auto 0 auto;
        width: 430px;
        height: 100px;
        line-height: 100px;
        background: rgba(41, 206, 255, 1);
        border-radius: 10px;
        font-size: 32px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        text-align: center;
      }
    }
  }
}
